How to use this page
All 39 examples from your book are combined here, in order. Each one has a live Output, the clean Code, the key classes explained, and buttons to View Code, Edit it, Run your changes, copy the code or download it as its own HTML file. Use the Mobile / Tablet / Desktop buttons to see how a layout changes on different screens.
Standard starting code
Reading the book's text: typing mistakes fixed here
| In the book text | Correct code |
|---|---|
class="w3 container w3 blue" | class="w3-container w3-blue" (hyphen -, not a space) |
name="viewpoint" | name="viewport" |
w3 col s5 17 | w3-col s5 l7 (letter l, not number 1) |
scr="..." | src="..." |
h:/Tree.jpg | Tree.jpg (keep the image beside the HTML file) |
Class name pattern: w3-<thing> or w3-<thing>-<value>. Example: w3-text-red = text color, red. W3.CSS is built into this page, so it works offline. Your downloaded example files link to the online copy at w3schools.com, so they need internet (or put w3.css in the same folder and change the href).
No example matches your search.